<!DOCTYPE html>
<html>
<head>
	<title>慕课网-实战课程</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!-- 兼容移动设备 -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<!-- 让IE的文档渲染模式永远都是最新的 -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
	<meta http-equiv="Expires" content="0" />
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/shizhan.css">
	<link rel="stylesheet" type="text/css" href="css/footer.css">
<style>
.menu .item a,.download,.shop-cart,.login a,.login{
	color: #9ca0a4;
}
.menu .item a:hover{
	color: #fff;
}
.menu .item a.menu-item-select{
	color: #fff;
}
.search-area{
	border-bottom: 1px solid #6a7076;
}
.search-input{
	color: #fff;
}
</style>
</head>
<body>
	<!-- header菜单栏 -->
	<div class="header header-black">
		<a class="home" href="index.html" title="慕课网">
			<img src="img/logo_black.png" alt="">
		</a>
		<ul class="menu">
			<li class="item"><a href="freecourse.html">免费课程</a></li>
			<li class="item"><a href="careerpath.html">职业路径</a></li>
			<li class="item"><a href="shizhan.html" class="menu-item-select">实战</a></li>
			<li class="item"><a href="ask.html">猿问</a></li>
			<li class="item"><a href="discovery.html">发现</a></li>
		</ul>
		<div class="search-area">
			<input class="search-input" type="text">
			<div class="search-btn"><i class="icon icon-search">&#xe63d;</i></div>
		</div>
		<ul class="header-unlogin clearfix">
			<li class="download">
				<a href="#">下载APP</a>
				<div class="download-detail">
					<img src="img/appload.png" height='100%' alt="">
					<div class="load-wenzi">
						<p class="title">扫描下载慕课网APP</p>
						<p class="ios"><i class="icon">&#xe616;</i>App Store下载</p>
						<p class="android"><i class="icon">&#xe640;</i>Android下载</p>
					</div>
				</div>
			</li>
			<li class="shop-cart">
				<a href="#" class="dark">
					<i class="icon icon-cart">&#xe61d;</i>
					<span>购物车</span>
					<div class="shop-cart-detail">
						<p class="title"><object><a href="#" class="to-my-cart">我的购物车</a></object><span class="already">已加入0门课程</span></p>
						<div class="content">
							<span><i class="icon">&#xe61d;</i></span>
							<p>购物车空空如也</p>
							<span></span>
							<p>快去这里选购你中意的课程</p>
							<object><a href="#">实战课程</a></object>
							<object><a href="#">职业路径</a></object>
						</div>
						<p class="about-order"><object><a href="">我的订单中心</a></object><span>去购物车</span></p>
					</div>
				</a>
			</li>
			<li class="login">
				<a href="#">登录</a>
				/
				<a href="#">注册</a>
			</li>
		</ul>
	</div>
	
	<!-- 实战标题头部 -->
	<div class="shizhan-title">
		<div class="shizhan-title-wrap">
			<div class="title-img">
				<a href=""><img src="img/header-icon1.png" alt=""></a>
				<a href=""><img src="img/header-icon2.png" alt=""></a>
			</div>
			<div class="title-search">
				<div class="search">
					<input type="text" placeholder="搜索感兴趣的实战课程内容">
					<div class="submit"><i class="icon">&#xe63d;</i></div>
				</div>
				<div class="hot-search"><span>热搜：</span><span>java</span><span>Python自动化测试</span><span>毕业设计</span><span>机器学习</span><span>微信开发</span><span>组件开发</span></div>
			</div>
		</div>
	</div>

	<!-- 实战分类栏 -->
	<div class="shizhan-fenlei">
		<div class="shizhan-fenlei-wrap">
			<a href="" class="fenlei-select">全部</a>
			<a href="">前端开发</a>
			<a href="">后端开发</a>
			<a href="">移动开发</a>
			<a href="">数据库</a>
			<a href="">云计算&大数据</a>
			<a href="">运维&测试</a>
			<a href="">UI设计</a>
			<a href="">人工智能</a>
		</div>
	</div>
	
	<!-- 实战详细分类 -->
	<div class="shizhan-menu">
		<div class="shizhan-menu-wrap">
			<a href="" class="menu-select">不限</a>
			<a href="">HTML/CSS</a>
			<a href="">JavaScript</a>
			<a href="">Html5</a>
			<a href="">CSS3</a>
			<a href="">JQuery</a>
			<a href="">Node.js</a>
			<a href="">Angular</a>
			<a href="">ReactJS</a>
			<a href="">Vue.js</a>
			<a href="">WebApp</a>
			<a href="">前端工具</a>
			<a href="">ThinkPHP</a>
			<a href="">PHP</a>
			<a href="">Yii</a>
			<a href="">Java</a>
			<a href="">SpringBoot</a>
			<a href="">Python</a>
			<a href="">C++</a>
			<a href="">Go</a>
			<a href="">算法</a>
			<a href="">Android</a>
			<a href="">iOS</a>
			<a href="">MySQL</a>
			<a href="">MongoDB</a>
			<a href="">NoSql</a>
			<a href="">机器学习</a>
			<a href="">深度学习</a>
			<a href="">大数据</a>
			<a href="">测试</a>
			<a href="">Linux</a>
			<a href="">APPUI设计</a>
			<a href="">设计基础</a>
		</div>
	</div>
	
	<!-- 实战课程内容 -->
	<div class="shizhan-content">
		<div class="shizhan-content-wrap clearfix">
			<div class="shizhan-content-type">
				<a href="" class="type-select">默认排序</a>
				<a href="">最新</a>
				<a href="">销量</a>
				<a href="">评价</a>
			</div>
			<div class="course-card mr24">
				<div class="course-img">
					<img src="img/shizhan1.jpg" alt="">
					<div class="course-author">
						<img src="img/star1.jpg" class="author-avator" alt="">
						<span class="author-name">Oscar老师</span>
					</div>
				</div>
				<p class="course-name">基于Python玩转人工智能最火框架TensorFlow应用实践</p>
				<p class="course-count">
					<span>中级</span><i class="icon user">&#xe646;</i><span>1099</span>
					<span style="margin-left: 20px;color: #ff9900;">
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
					</span>
				</p>
				<p class="course-desc">机器学习入门，打牢TensorFlow框架应用是关键，深度学习TensorFlow</p>
				<p class="course-price">
					<span class="price-number">￥299.00</span>
					<a href="" class="add-cart">加入购物车</a>
					<span class="shu">|</span>
					<a href="" class="add"><i class="icon" style="font-size: 14px;margin-right: 5px;">&#xe676;</i>收藏</a>
				</p>
			</div>
			<div class="course-card mr24">
				<div class="course-img">
					<img src="img/shizhan1.jpg" alt="">
					<div class="course-author">
						<img src="img/star1.jpg" class="author-avator" alt="">
						<span class="author-name">Oscar老师</span>
					</div>
				</div>
				<p class="course-name">基于Python玩转人工智能最火框架TensorFlow应用实践</p>
				<p class="course-count">
					<span>中级</span><i class="icon user">&#xe646;</i><span>1099</span>
					<span style="margin-left: 20px;color: #ff9900;">
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
					</span>
				</p>
				<p class="course-desc">机器学习入门，打牢TensorFlow框架应用是关键，深度学习TensorFlow</p>
				<p class="course-price">
					<span class="price-number">￥299.00</span>
					<a href="" class="add-cart">加入购物车</a>
					<span class="shu">|</span>
					<a href="" class="add"><i class="icon" style="font-size: 14px;margin-right: 5px;">&#xe676;</i>收藏</a>
				</p>
			</div>
			<div class="course-card mr24">
				<div class="course-img">
					<img src="img/shizhan1.jpg" alt="">
					<div class="course-author">
						<img src="img/star1.jpg" class="author-avator" alt="">
						<span class="author-name">Oscar老师</span>
					</div>
				</div>
				<p class="course-name">基于Python玩转人工智能最火框架TensorFlow应用实践</p>
				<p class="course-count">
					<span>中级</span><i class="icon user">&#xe646;</i><span>1099</span>
					<span style="margin-left: 20px;color: #ff9900;">
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
					</span>
				</p>
				<p class="course-desc">机器学习入门，打牢TensorFlow框架应用是关键，深度学习TensorFlow</p>
				<p class="course-price">
					<span class="price-number">￥299.00</span>
					<a href="" class="add-cart">加入购物车</a>
					<span class="shu">|</span>
					<a href="" class="add"><i class="icon" style="font-size: 14px;margin-right: 5px;">&#xe676;</i>收藏</a>
				</p>
			</div>
			<div class="course-card">
				<div class="course-img">
					<img src="img/shizhan1.jpg" alt="">
					<div class="course-author">
						<img src="img/star1.jpg" class="author-avator" alt="">
						<span class="author-name">Oscar老师</span>
					</div>
				</div>
				<p class="course-name">基于Python玩转人工智能最火框架TensorFlow应用实践</p>
				<p class="course-count">
					<span>中级</span><i class="icon user">&#xe646;</i><span>1099</span>
					<span style="margin-left: 20px;color: #ff9900;">
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
						<i class="icon icon-star">&#xe676;</i>
					</span>
				</p>
				<p class="course-desc">机器学习入门，打牢TensorFlow框架应用是关键，深度学习TensorFlow</p>
				<p class="course-price">
					<span class="price-number">￥299.00</span>
					<a href="" class="add-cart">加入购物车</a>
					<span class="shu">|</span>
					<a href="" class="add"><i class="icon" style="font-size: 14px;margin-right: 5px;">&#xe676;</i>收藏</a>
				</p>
			</div>
		</div>
		<!-- 分页 -->
		<div class="pagenation">
			<span>首页</span>
			<span>上一页</span>
			<span class="num page-select">1</span>
			<span class="num">2</span>
			<span class="num">3</span>
			<span class="num">4</span>
			<span class="num">5</span>
			<span class="num">6</span>
			<span class="num">7</span>
			<span>下一页</span>
			<span>尾页</span>
		</div>
	</div>
	<!-- footer -->
	<div class="footer footer-black">
		<div class="footer-wrap">
			<div class="blog">
				<div class="mr22 chat">
					
				</div>
			</div>
			<div class="footer-links links-white">
				<a href="#">企业合作</a>
				<a href="#">人才招聘</a>
				<a href="#">联系我们</a>
				<a href="#">讲师招聘</a>
				<a href="#">常见问题</a>
				<a href="#">意见反馈</a>
				<a href="#">慕课大学</a>
				<a href="#">友情链接</a>
			</div>
			<p>© 2018 imooc.com  京ICP备 13046642号-2</p>
		</div>
	</div>
	<!-- 侧边栏 -->
	<div class="info">
		<div class="info-wrap">
			<div class="info-block b"><i class="icon">&#xe61e;</i></div>
			<div class="info-block b"><i class="icon">&#xe619;</i></div>
			<div class="info-block b"><i class="icon">&#xe61a;</i>
		
			</div>
			<div class="info-block"><i class="icon">&#xe62b;</i>
				
			</div>
		</div>
		
	</div>



</body>
</html>